﻿<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/le-frog/jquery-ui.css" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">
</script>
<script>
$(document).ready(function() {
$("#tabs").tabs();
});
</script>



<title>Tabbed navigation For blogger Demo by 24work.blogspot.com</title>
<style type="text/css">
		html, body {margin: 0; padding: 0;font-family: Arial,Helvetica,sans-serif;font-size: 90%;background: #fff;}
		a {color:#3366cc;text-decoration:underline;}
		a:hover{color:green;text-decoration:none;font-weight:bold;}
		*{list-style:circle;}
</style>
 	







<!-- Tabbed Navigation Widget For Blogger By 24work -->
<div id="tabs">
<ul><li><a href="#tabs-1">Top Posts & Pages</a></li><li><a href="#tabs-2">Recent Posts</a></li><li><a href="#tabs-3">Join With Us</a></li></ul>
<div id="tabs-1"><ul>
<li><a href="http://bit.ly/13W8b3f" target="_blank"><b>Add Cute <span style="color: red;">Custom Facebook</span> <span style="color: orange;">Like Box</span> To Blogger</b></a></li>

<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b></a></li>

<li><a href="http://bit.ly/x4d7ln" target="_blank"><b><span class="Apple-style-span" style="color: red;">Numbered Page Navigation</span></b> For Blogger <b><span class="Apple-style-span" style="color: red;">New Script</span></b></a></li>

<li><a href="http://bit.ly/wmV0kq" target="_blank">How to <b><span style="color: red;">change</span></b> <span style="color: red;"><b>mouse cursor</b></span> in blogger blog to <b style="font-weight: normal;"><span style="color: red;">animated cursors</span></b></a></li>

<li style="font-weight: normal;"><a href="http://bit.ly/vGLd4R" target="_blank"><b><span style="color: red;">Animated Recent posts</span></b> for Blogger with <b><span style="color: red;">thumbnails</span></b> - Simple Spy</a></li>

<li><a href="http://bit.ly/wgc8R4" target="_blank"><b><span style="color: red;">Related Posts</span></b> Widget For Blogger / Blogspot <b><span style="color: red;">with jQuery</span></b></a></li>

<li style="font-weight: normal;"><a href="http://bit.ly/sWTolA" target="_blank">Auto <b><span style="color: red;">Scrolling Recent Posts</span></b> Widget For Blogger / Blogspot</a></li>
</ul></div>
<div id="tabs-2"><ul>

<li><a href="http://bit.ly/13W8b3f" target="_blank"><b>Add Cute <span style="color: red;">Custom Facebook</span> <span style="color: orange;">Like Box</span> To Blogger</b></a></li>
How To Add Cute Custom Facebook Like Box using CSS To Blogger. Facebook Like Box is the best way to get more fans on Facebook...(more)

<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b></a></li>
You should already know about <a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: orange;">JQuery Featured Content Slider</span></b></a>.Today we will see how to add <a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: blue;">17+ jQuery featured content sliders</span></b> / <b><span class="Apple-style-span" style="color: red;">slideshows</span></b></a> for your ...(more)

<li><a href="http://bit.ly/x4d7ln" target="_blank"><b><span class="Apple-style-span" style="color: red;">Numbered Page Navigation</span></b> For Blogger <b><span class="Apple-style-span" style="color: red;">New Script</span></b></a></li>
Today we will see how to add a nice page number navigation hack blogger. The default navigation...(more)

<li style="font-weight: normal;"><a href="http://bit.ly/wmV0kq" target="_blank">How to <b><span style="color: red;">change</span></b> <span style="color: red;"><b>mouse cursor</b></span> in blogger blog to <b style="font-weight: normal;"><span style="color: red;">animated cursors</span></b></a></li>
How to change mouse cursor in blogger blog to animated cursors.One of the best way to add extra fun...(more)

<li style="font-weight: normal;"><a href="http://bit.ly/sWTolA" target="_blank">Auto <b><span style="color: red;">Scrolling Recent Posts</span></b> Widget For Blogger / Blogspot</a></li>
If you have a lot of post on the blog, or if you want to show everyone your list of favorite books,...(more)
</ul></div>
<div id="tabs-3">Become a Fan on Facebook

<span style="font-weight: bold; ">Lets Follow Me'.!</span>

<div style="-moz-box-shadow: 0px 15px 20px 0px #777777; -webkit-box-shadow: 0px 15px 20px 0px #777777; background-color: #f4f4f4; border-radius: 15px; border: 1px solid #CCCCCC; box-shadow: 0px 15px 20px 0px #777777; height: 260px; margin: 30px; padding: 10px 0 10px 10px; width: 280px;">
<div style="height: 300px; overflow: hidden;">
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&amp;width=400&amp;height=300&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:250px;" allowtransparency="true"></iframe>
</div>
</div> 

<li><a href="http://bit.ly/13W8b3f" target="_blank"><span class="Apple-style-span"  style="color:lime;"><b style="font-weight: normal; ">Customize</b> </span><b style="font-weight: normal; "><span class="Apple-style-span"  style="color:red;">Facebook</span></b> Like <b style="font-weight: normal; "><span class="Apple-style-span"  style="color:red;">Box</span></b> With CSS</a></li></div><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
</div><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>

<!-- Tabbed Navigation Widget For Blogger By 24work -->











<br>
	<center><b>Copyright © 2011 by 24work @ <a href="http://24work.blogspot.com/" target="_blank">Blogger Tips And Tricks</a></b></center>
